.card{
    position: relative;
    float: left;
    width: 312px;
    padding: 10px;
    margin-right: 40px;
    margin-bottom: 30px;
    border: 1px solid #d1dbe5;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
    .image{
        float: left;
        width:130px;
        height:130px;
        outline: none;
        display: inline-block;
	}
	.card-content{
		display: inline-block;
        color: #999999;
        font-size: 14px;
		vertical-align: top;
		margin-left: 10px;
	}
	.title{
        width: 150px;
        max-height: 45px;
        margin: 0;
		font-size: 16px;
        color: #475669;
        overflow: hidden;
        .el-checkbox {
            direction: rtl;
        }
	}
	&:hover{
		border: 1px solid red;
		cursor: pointer;
	}
	.card-modal{
    	top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.3);
    	z-index: 101;
	}
    &:nth-child(3n) {
        margin-right: 0px;
    }
    .quantity {
        width: 80px;
    }
}
.btn-edit {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.btn-edit2 {
  position: absolute;
  right: 10px;
  bottom:50px;
}
.pro-info {
    position: absolute;
    bottom: 0px;
    .gap {
        margin: 10px 0 20px;
    }
    .gap-s {
        margin: 11px 0;
    }
}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .8);
    p {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        color: #475669;
        text-align: center;
        transform: translateY(-50%);
    }
}
.dialog-form_card {
  background: rgba(0, 0, 0, 0);
  .el-dialog {
    width: 800px;
    height: 500px;
    background: #EFF2F7

  }
  .el-dialog_title{
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #1f2d3d;
    margin-left: 300px;
    margin-right: 300px;
  }
  .form-title {
    display: block;
    margin-bottom: 26px;
    font-size: 16px;
  }
  .el-form-item {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 20px;
  }
  .el-form-item:nth-child(2n) {
    margin-right: 0px;
  }
  .el-input {
    width: 180px;
  }
  .large-input,
  .large-input input{
    width: 390px;
  }
  label {
    color: #475669;
  }
  .btn-group {
    display: block;
    padding-top: 18px;
    margin: 0;
    border-top: 1px solid #E0E6ED;
    text-align: right;
  }
}
.el-tag-name{
  margin-bottom: 10px;
  background-color: #20a0ff;

}
.el-tag-bar{
  margin: 0px 10px 0px 10px;
}
.el-tag-btn{
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #20a0ff;
  position: absolute;
  left: 540px;
  top: 57px;
}
.el-step__body{

  overflow-x: auto;
  height: 380px;
  overflow-y: hidden;
  background: #FFFFFF;
}
.el-step__body2{

  overflow-y: auto;
  height: 380px;
  overflow-x: hidden;
  background: #FFFFFF;
}
.el-step_center{
  position: relative;
  left: 8%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.el-step_center2{
  position: relative;
  left: 40%;
  margin-top: 100px;
  margin-bottom: 100px;
}

